<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>图片HTML</title>
<style type="text/css">

body{text-align:center; font-size:12px; margin:0px; padding:0px;}
a{ text-decoration:none;}
ul,li{margin:0px; padding:0px;}

#content{width:1000px; height:auto; margin-left:auto; margin-right:auto;}
#header{ background:#999; height:120px;}
#logo{height:80px; text-align:left; font-size:30px;}
#search{width:200px; float:right;};
#menu{height:30px; padding-left:50px; float:left; width:600px;}
#menu ul{ list-style:none; }
#menu ul li{ float:left; padding-left:20px;}

#pleft{width:730px; float:left; height:auto; text-align:left; padding-right:20px;}
#pright{width:229px; float:left; border-left:solid 1px #999; height:500px; text-align:left; padding-left:20px; line-height:20px;}

.img_col{ width:160px; height:auto!important; height:800px; min-height:800px; float:left; margin-right:20px;}
.img_box{width:160px; height:auto!important; height:180px; min-height:180px; margin-top:10px; float:left; border:solid 1px #999; padding:5px; margin-right:15px;}
</style>
</head>
<body>
<div id="content">
     <div id="header">
         <div id="logo">难道我会告诉你,我正在制作网站吗?<img src="" /></div>
         <div id="menu"><ul><li><a href="#">首页</a></li><li><a href="#">图片</a></li><li><a href="#">关于</a></li></ul></div>
         <div id="search"><form><input type="text" name="q"><img src=""></form></div>
     </div>
     <div id="pagabody">         
         <div id="pleft" style="padding:10px 10px 10px 0px;">
	        <h3> 最新图片</h3>
	         <hr>
	         <div class="img_col">
	            <div class="img_box" >
		            <div style="border-style:none;"><img src="/img/1.jpg" width=150 height=180 /></div>
		            <div style="padding-top:8px;">
		                 <p>                             
		                                              图片说明</p>
		             </div>
	            </div>
		         <div class="img_box" >
		            <div style="border-style:none;"><img src="/img/2.jpg" width=150 height=200 /></div>
		            <div style="padding-top:8px;">
		                <p>                             
		                                              图片说明</p>
		             </div>
		         </div>
		         <div class="img_box">
		            <div style="border-style:none;"><img src="/img/3.jpg" width=150 height=160 /></div>
		            <div style="padding-top:8px;">
		                 <p>                             
		                                              图片说明</p>
		             </div>
		         </div>
		         <div class="img_box">
		            <div style="border-style:none;"><img src="/img/4.jpg" width=150 height=120 /></div>
		            <div style="padding-top:8px;">
		                 <p>                             
		                                              图片说明</p>
		             </div>
		         </div>
	         </div><!-- img_col 1 ends  -->
	          <div class="img_col">
	              <div class="img_box" >
	            <div style="border-style:none;"><img src="/img/1.jpg" width=150 height=120 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box" >
	            <div style="border-style:none;"><img src="/img/2.jpg" width=150 height=200 /></div>
	            <div style="padding-top:8px;">
	                <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box">
	            <div style="border-style:none;"><img src="/img/3.jpg" width=150 height=120 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box">
	            <div style="border-style:none;"><img src="/img/4.jpg" width=150 height=120 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         </div> <!-- img_col 2 ends  -->
	          <div class="img_col">
	              <div class="img_box" >
	            <div style="border-style:none;"><img src="/img/1.jpg" width=150 height=120 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box" >
	            <div style="border-style:none;"><img src="/img/2.jpg" width=150 height=200 /></div>
	            <div style="padding-top:8px;">
	                <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box">
	            <div style="border-style:none;"><img src="/img/3.jpg" width=150 height=120 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box">
	            <div style="border-style:none;"><img src="/img/4.jpg" width=150 height=120 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         </div> <!-- img_col 3 ends  -->
	          <div class="img_col">
	              <div class="img_box" >
	            <div style="border-style:none;"><img src="/img/1.jpg" width=150 height=170 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box" >
	            <div style="border-style:none;"><img src="/img/2.jpg" width=150 height=130 /></div>
	            <div style="padding-top:8px;">
	                <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box">
	            <div style="border-style:none;"><img src="/img/3.jpg" width=150 height=150 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         <div class="img_box">
	            <div style="border-style:none;"><img src="/img/4.jpg" width=150 height=250 /></div>
	            <div style="padding-top:8px;">
	                 <p>                             
	                                              图片说明</p>
	             </div>
	         </div>
	         </div> <!-- img_col 4 ends  -->
	         
         </div><!-- 这里是pleft的结束 -->
         <div id="pright"><h3>Article</h3>
         <ul>
            <li><a href=><h3>Today</h3></a></li>
            <li><a href=>Monday</a></li>
            <li><a href=>Tuesday</a></li>
            <li><a href=>Wednesday</a></li>
            <li><a href=>Thursday</a></li>
            <li><a href=>Friday</a></li>
            <li><a href=>Saturday</a></li>
            <li><a href=>Sunday</a></li>
            <li><a href=><h3>This month</h3></a></li>
            <li><a href=><h3>This year</h3></a></li>
         </ul>
         </div>
     </div>
     <div id="footer">
     </div>
</div>
</body>
</html>